import { fileURLToPath, URL } from 'node:url'
import postcsspxtorem from "postcss-pxtorem"
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueDevTools from 'vite-plugin-vue-devtools'


import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'



// https://vite.dev/config/
export default defineConfig({
  base: '/hxsjl/',
  plugins: [
    vue(),
    vueDevTools(),
    AutoImport({
      resolvers: [ElementPlusResolver()],
    }),
    Components({
      resolvers: [
        ElementPlusResolver({
          icons: true
        })
      ],
    }),
  ],
  css: {
    postcss: {
      plugins: [
        postcsspxtorem({
          rootValue: 100,            // 设计稿宽度为 750px 时设为 75（1rem = 75px）
          unitPrecision: 3,         //转rem精确到的小数点位数
          propList: ['*'],          // 转换所有属性的 px 单位
          selectorBlackList: ['.ignore-px'], // 排除 .ignore-px 类名下的 px
          replace: true,            // 是否直接替换 px 值（默认开启）
          minPixelValue: 3, //设置要替换的最小像素值
          exclude: /node_modules/i, //排除这个文件夹下的文件 
          mediaQuery: false,        // 是否转换媒体查询中的 px（建议关闭）
        })
      ]
    }
  },
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    },
  },
})

